<!DOCTYPE html>
<html>
    <head>
        <script src="vue.js"></script>
    <style>
        .bg{
            background-color:#d3d3d3
        }
    </style>
    </head>
    <body>
        <div id="app">
            <div class="bg" v-on:click=doParent>
                <button v-on:click="doThis">事件冒泡</button>
                <button v-on:click.stop="doThis">阻止事件捕冒泡</button>
            </div>
        </div>
        <script>
            var vm = new Vue({
                el:'#app',
                methods:{
                    doParent() {
                        console.log("我是父元素的点击事件");
                        alert("我是父元素的点击事件");
                    },
                    doThis() {
                        console.log("我是当前元素的点击事件处理程序");
                        alert("我是当前元素的点击事件处理程序");
                    }
                }
            });
        </script>
    </body>
</html>